<script type="text/javascript" charset="utf-8">
    $.util.namespace("tree");
    $(function () {
        $("#dzTree-b").click(function(){
            searchText=$("#dzTree-t").val();
            $("#dzTree").tree("search", searchText);
        
        });
        $("#dzTree-t").keypress(function(e){
            var key = e.which;

            if (key == 13) {

                e.preventDefault();

                searchText=$(this).val();
                $("#dzTree").tree("search", searchText);

            }
        });
        $("#glTree-b").click(function(){
            searchText=$("#glTree-t").val();
            $("#glTree").tree("search", searchText);
        
        });
        $("#glTree-t").keypress(function(e){
            var key = e.which;

            if (key == 13) {

                e.preventDefault();

                searchText=$(this).val();
                $("#glTree").tree("search", searchText);

            }
        });
    });
</script>

<div data-options="region:'west',split:true,title:'导航菜单',iconCls:'icon-standard-application-double'" style="width:250px;">

    <div id="mainMenu" class="easyui-accordion" data-options="fit:true,border:false,multiple:false,animate:false">
        <div title="面板端子" data-options="iconCls: 'icon-standard-application-view-tile'">
            <div class="easyui-panel" data-options="fit: true, border: false">
                <div class="datagrid-toolbar">
                    <table>
                        <tr>
                            <td>筛选：</td>
                            <td><input id="dzTree-t" name="tree-search" style="width: 140px; font-size: 14px;" /></td>
                            <td><a id="dzTree-b" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"></a></td>
                        </tr>
                    </table>
                </div>
                <ul id="dzTree"></ul>
            </div>
        </div>
        <div title="光缆" data-options="iconCls: 'icon-standard-lightning-go'">
            <div class="easyui-panel" data-options="fit: true, border: false">
                <div class="datagrid-toolbar">
                    <table>
                        <tr>
                            <td>筛选：</td>
                            <td><input id="glTree-t" name="tree-search" style="width: 140px; font-size: 14px;" /></td>
                            <td><a id="glTree-b" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"></a></td>
                        </tr>
                    </table>
                </div>
                <ul id="glTree"></ul>
            </div>
        </div>
        <div title="光节点" data-options="iconCls: 'icon-tip'">
            <div class="easyui-panel" data-options="fit: true, border: false">
                <div class="datagrid-toolbar">
                    <table>
                        <tr>
                            <td>筛选：</td>
                            <td><input id="gjdTree-t" name="tree-search" style="width: 140px; font-size: 14px;" /></td>
                            <td><a id="gjdTree-b" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"></a></td>
                        </tr>
                    </table>
                </div>
                <ul id="gjdTree"></ul>
            </div>
        </div>
    </div>


</div>
